导入包含图层的 Adobe Photoshop 文件

您可以将包含图层的 Photoshop 图像 (.psd) 导入到 Kanzi Studio 中并保留 .psd 文件的结构。这样即可将 .psd 文件中的每个图层用作单独的图像。

当导入包含图层 Kanzi Studio 的 .psd 文件时:

  1. 修剪每个图层的透明边框,并将 .png 图像保存到与 .psd 文件同名的目录的素材库 (Library) > 资源文件 (Resource Files) > 图像 (Images) 中。
  2. 创建一个以 .psd 文件命名的 2D 空节点 (Empty Node 2D) 节点和一层与 .psd 图像的结构相对应的 2D 空节点 (Empty Node 2D) 节点。图像 (Image) 节点用于 .psd 图层图像,2D 空节点 (Empty Node 2D) 节点用于 .psd 图层组。
  3. 对每个图像 (Image)2D 空节点 (Empty Node 2D) 应用变换,以将其放在与 .psd 文件相同的位置。

例如,当要导入的 .psd 文件包含一个用于背景的图层和另一个含屏幕角落中小徽标的图层时,Kanzi Studio 会在您的 Kanzi Studio 工程中创建两个 .png 图像和两个 图像 (Image) 节点,您可以将它们用作您的 Kanzi 应用程序中的 2D 组件。Kanzi Studio 移除小徽标中的垃圾频带,这意味着您最终会得到两个大小不同的图像。对于包含小徽标的图像图层,系统会将其作为背景图层的一个子对象放置并相对于其父对象正确定位。

Kanzi Studio 并不支持所有类型的 Photoshop 图层和图层样式。如果 Kanzi Studio 无法导入图层或图层样式,请在 Photoshop 中合并或栅格化图层,然后再将它们导入到 Kanzi Studio 中。

为了保持像素精度,请对所有 Kanzi Studio 2D 图层变换使用整数值,并避免拉伸或缩放内容。

从 .psd 文件导入图层

要从 .psd 文件导入图层:

  1. 资产 (Assets) 中点击导入资产 (Import Assets)
  2. 选择要导入的 .psd 文件。
    导入 PSD (Import PSD) 工具窗口将打开。
  3. 选择要导入的层 (Select the layers to import) 中,默认会选择所有图层和组。点击图层或组名称,以将其包含或排除在导入操作中。
  4. (可选)如果您的 .psd 文件包含文本图层,您可以将它们导入为 Kanzi 2D 文本块 (Text Block 2D) 节点,以便能够在 Kanzi Studio 中编辑文本。在导入 psd 文本层为 (Import psd text layers as) 选项中,选择:

    您可以在编辑 (Edit) > 用户首选项 (User Preferences) > 高级 (Advanced) 选项卡 > 导入 psd 文本层为 (Import psd text layers as) 中为选项设置默认值。

  5. 点击导入 (Import)
    Kanzi Studio 会导入您选择的图层,并保留来自 .psd 文件的图层层级。Kanzi Studio 对图层的渲染顺序由它们在 工程 (Project) 中的顺序决定:子图层将出现在父图层的上面。

另请参阅

导入图像

使用图像 (Image) 节点

纹理